import { HiViewGridAdd } from 'react-icons/hi';
import { MdOutlineCloseFullscreen } from 'react-icons/md';

import IAIButton from '@/common/components/IAIButton';
export default function AddStudioToggle({
  isOpen,
  onToggle,
}: {
  isOpen: boolean;
  onToggle: () => void;
}) {
  return (
    <IAIButton
      h="2rem"
      variant="ghost"
      fontSize="sm"
      color="base.200"
      _hover={{
        bg: 'base.850',
      }}
      aria-label=""
      tooltip=""
      leftIcon={
        isOpen ? (
          <MdOutlineCloseFullscreen fontSize="1.2rem" />
        ) : (
          <HiViewGridAdd fontSize="1.2rem" />
        )
      }
      onClick={onToggle}
    >
      {isOpen ? '收起' : '训练新模型'}
    </IAIButton>
  );
}
